<template>
	
	<!-- :router="true" -->
	<el-menu
		router
	     default-active="2"
	     class="el-menu-vertical-demo"
	     background-color="#545c64"
	     text-color="#fff"
	     active-text-color="#ffd04b">
	     <!-- <el-submenu index="1">
	       <template slot="title">
	         <i class="el-icon-location"></i>
	         <span>权限管理</span>
	       </template>
	       <el-menu-item-group>
	         <el-menu-item index="/test/teacher">教师管理</el-menu-item>
	         <el-menu-item index="/test/student">学生管理</el-menu-item>
	         <el-menu-item index="/user">用户管理</el-menu-item>
	         <el-menu-item index="/customer">客户管理</el-menu-item>
	         <el-menu-item index="/role">角色管理</el-menu-item>
	         <el-menu-item index="/menu">菜单(权限)管理</el-menu-item>
	       </el-menu-item-group>
	      
	      
	     </el-submenu> -->
	    
		
		<!-- <el-submenu index="2">
		  <template slot="title">
		    <i class="el-icon-location"></i>
		    <span>设备管理</span>
		  </template>
		  <el-menu-item-group>
		    <el-menu-item index="1-1">设备预约</el-menu-item>
		    <el-menu-item index="1-2">设备使用</el-menu-item>
		  </el-menu-item-group>
		 
		 
		</el-submenu> -->
		
		
		
		<el-submenu  v-for="menu in menuList" :index="menu.menuName">
		  <template slot="title">
		    <i class="el-icon-location"></i>
		    <span>{{menu.menuName}}</span>
		  </template>
		  <el-menu-item-group>
		    <el-menu-item v-for="child in menu.children" :index="child.url"   >{{child.menuName}}</el-menu-item>
		  </el-menu-item-group>
		 
		</el-submenu>
		
		
		
		
	   </el-menu>
</template>

<script>
	let abc =   {
		name:'Menu',
		created(){
			this.init();
		},
		methods:{
			init(){
				this.http.get('/api/menu/queryUserPowerMenu',(menuList)=>{
					this.menuList = menuList;
				})
			}
		},
		data(){
			return {
				menuList:[]
				// menuList:[
				// 	{menuId:1,menuName:'系统管理', url:'',children:[
				// 			{menuId:11,menuName:'用户管理', url:'/user'},
				// 			{menuId:12,menuName:'角色管理', url:'/role'},
				// 			{menuId:13,menuName:'菜单（权限）管理', url:'/menu'},
				// 	] },
					
				// 	{menuId:2,menuName:'挂号管理2', url:'',children:[
				// 			{menuId:21,menuName:'挂号', url:'/user'},
				// 			{menuId:22,menuName:'退号', url:'/role'},
				// 			{menuId:23,menuName:'收费', url:'/menu'},
				// 			{menuId:24,menuName:'退费', url:'/menu'},
				// 	] },
					
				// 	{menuId:3,menuName:'挂号管理3', url:'',children:[
				// 			{menuId:31,menuName:'用户管理3', url:'/user'},
				// 			{menuId:32,menuName:'角色管理3', url:'/role'},
				// 			{menuId:33,menuName:'菜单（权限）管理3', url:'/menu'},
				// 	] },
				// ]
			}
		},
		
	}
	
	export default abc
</script>

<style>
</style>
